<template>
  <div class="test-page">
    <h1>测试页面</h1>
    <div class="text-container">
      <SplitText
        text="Hello, Animation!"
        class="text-2xl font-semibold"
      />
    </div>
  </div>
</template>

<script setup>
import SplitText from './SplitText.vue'
</script>

<style scoped>
.test-page {
  padding: 20px;
  text-align: center;
}

.text-container {
  margin: 20px 0;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.font-semibold {
  font-weight: 600;
}
</style> 